<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<div class="reduction-reate">
  <div class="proportions">
    <div class="ratios">
      {{
        reductionInfo.spaceReductionRate ||
          ('common_home_calculating_label' | i18n)
      }}
    </div>
    <div class="title">
      {{ 'common_home_data_reduction_ratio_label' | i18n }}
    </div>
  </div>
  <div class="container">
    <div class="left-line"></div>
    <div class="figures"></div>
    <div class="right-line"></div>
  </div>
  <div class="footer">
    <div class="logical-usage">
      <div class="number">
        {{ reductionInfo.writeCapacity }}
        <span class="unit"> {{ reductionInfo.writeCapacityUnit | nil }}</span>
      </div>
      <div class="title">{{ 'common_home_logical_usage_label' | i18n }}</div>
    </div>
    <div class="physical-dosage">
      <div class="number">
        {{ reductionInfo.consumedCapacity }}
        <span class="unit">
          {{ reductionInfo.consumedCapacityUnit | nil }}</span
        >
      </div>
      <div class="title">{{ 'common_home_physical_usage_label' | i18n }}</div>
    </div>
  </div>
</div>
